$color:#fff;
$banxin:690rem;
$theme:#f8e24a;
.gedan{
    width: 550rem;
    height: 550rem;
    position: relative;
    border-radius: 12rem;
    overflow: hidden;
    
    .info{
        width: 550rem;
        height: 550rem;
        position: absolute;
        z-index: 10;
        top: 0;
        display: flex;
        color: #fff;
        flex-direction: column;
        align-items: start;
        justify-content: space-between;
        box-sizing: border-box;
        padding: 40rem;
        

        
        .infotop{
            width: 200rem;
            font-size: 20rem;
            display: flex;
            align-items: center;
           .name{
                width: 200rem;
                font-size: 30rem;
                font-weight: 900;
                // color: red;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space:nowrap;
                

            }
            .icon{
                margin-right: 20rem;
                width: 35rem;
                height: 35rem;
                border-radius: 35rem;
                background-color: #fff; 
                color: #fff;
                display: flex;
                justify-content: center;
                align-items: center;
                overflow: hidden;
                box-sizing: border-box;
                span{
                    font-size: 32rem;
                    font-weight: 100;
                    color: #000;
                    // opacity: 0.4;
                }
            }

        }
        .infobottom{
            font-size: 30rem;
            font-weight: 600;
            
        }
    }
    .zhezhao{
        // display: none;
        width: 550rem;
        height: 550rem;
        position: absolute;
        top: 0;
        z-index: 2;
        // background-color: #fff;
        color: #fff;
        // background-color: #fff;
        opacity: 0.5;
        background:radial-gradient(380rem,#333,#000);
        // color: red;
        
    }
    
    .cover{
        // display: none;
        position: absolute;
        top: 0;
        z-index: 1;
        img{
        width: 550rem;
        height: 550rem;
    }

    }
   
}
